<template>
	<view class="test-container">
		<view class="test-title">测试页面</view>
		
		<view class="test-section">
			<view class="section-title">邀请页面测试</view>
			<button class="test-btn" @click="testInvitePage">测试邀请页面</button>
		</view>
		
		<view class="test-section">
			<view class="section-title">其他测试</view>
			<button class="test-btn" @click="testOther">其他功能</button>
		</view>
	</view>
</template>

<script lang="ts" setup>
const testInvitePage = () => {
	// 测试邀请页面，使用用户ID 84作为邀请人
	uni.navigateTo({
		url: '/pages/invite/invite?uid=84'
	});
};

const testOther = () => {
	uni.showToast({
		title: '功能开发中',
		icon: 'none'
	});
};
</script>

<style lang="scss" scoped>
.test-container {
	padding: 40rpx;
	min-height: 100vh;
	background: #f5f5f5;
}

.test-title {
	font-size: 48rpx;
	font-weight: bold;
	text-align: center;
	margin-bottom: 60rpx;
	color: #333;
}

.test-section {
	background: white;
	border-radius: 20rpx;
	padding: 40rpx;
	margin-bottom: 30rpx;
	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
}

.section-title {
	font-size: 32rpx;
	font-weight: bold;
	margin-bottom: 30rpx;
	color: #333;
}

.test-btn {
	width: 100%;
	height: 80rpx;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	border: none;
	border-radius: 40rpx;
	font-size: 28rpx;
	font-weight: bold;
}
</style>